/*-------------------------------------------------------------------------------------------*/
/*- TEXTOS ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{font-size: 15px; font-family: Arial, Helvetica, sans-serif;}

h1{margin: 0px; padding: 1px 0px 10px 0px;}
h2{margin: 0px; padding: 1px 0px 10px 0px;}
h3{margin: 0px; padding: 1px 0px 10px 0px;}
h4{margin: 0px; padding: 1px 0px 10px 0px;}
h5{margin: 0px; padding: 1px 0px 10px 0px;}
h6{margin: 0px; padding: 1px 0px 10px 0px;}

#sidebar #painel h2, #main h2, #sidebar #painel h2 a, #sidebar #comentarios h2, #sidebar #random h2, #sidebar #novidades h2 {font-family: 'AllerDisplayRegular', sans-serif; text-transform:uppercase; font-size:16px; font-weight:normal; line-height:18px}

#sidebar #painel h2 a:link {color:#25A9E0}

#sidebar #comentarios h2, #sidebar #random h2, #sidebar #novidades h2 {margin:7px 0 0 20px; color:#FFF}

#main h2 {font-size:24px}

#main h3, #sidebar h3 {font-family:'AllerDisplayRegular', san-serif; text-transform:uppercase; margin-top:10px}

#sidebar h3 {margin-top:0}

#main #destaque h3 {font-size:20px}

p{line-height: 24px; margin: 0px 0px 15px;}
blockquote, blockquote p{line-height: 24px; margin: 0px 0px 15px;}

form{}
label{}
textarea, input{}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}

@font-face {
	font-family: 'AllerRegular';
	src: url('aller_rg.eot');
	src: local('Aller'), local('Aller'), url('fonts/aller_rg.woff') format('woff'), url('fonts/aller_rg.ttf') format('truetype');
}

@font-face {
	font-family: 'AllerDisplayRegular';
	src: url('allerdisplay.eot');
	src: local('Aller Display'), local('AllerDisplay'), url('fonts/allerdisplay.woff') format('woff'), url('fonts/allerdisplay.ttf') format('truetype');
}
/*-------------------------------------------------------------------------------------------*/
/*- CLASSES GLOBAIS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a{text-decoration: none;}
a:active{}
a:hover{}
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}
.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{ width:980px; margin: 0 auto}
#header{width: 980px; margin: 30px auto; position: relative; z-index: 2;}
#header #inner{padding: 0 20px; background: #63b5e5}
.logo {
	position: relative;
	float: left;
	display: inline;
	width: 136px;
	height: 40px;
	margin: 0;
	padding: 0;
	font-size: 12pt;
	font-weight: normal;
	text-indent: -9999px;
	overflow: hidden;
 }

.logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 9999px;
	background: url(images/logo.png) no-repeat 0 0;
	cursor: pointer;
	background-image: url(images/logo.png);
}

#content{float: left; width: 980px;}
#main{float: left; width: 620px; margin:20px;}
#sidebar #painel .inner {background:#EAF7FD; padding: 0 20px 0 20px; margin-bottom:0}
#sidebar #login, #sidebar #novidades {margin-top:20px;}
#sidebar #comentarios .inner, #sidebar #random .inner, #sidebar #novidades .inner  {background: #FEE6CA; width:260px; border-left:10px solid white; border-right: 10px solid white; padding: 10px;}
#sidebar #comentarios .inner {background:url(images/sidebarinnertopverde.png) top left no-repeat #FEE6CA; }
#sidebar #random .inner {background:url(images/sidebarinnertoplaranja.png) top left no-repeat #FEE6CA; }
#sidebar #novidades .inner {background:url(images/sidebarinnertopazul.png) top left no-repeat #FEE6CA; }
#footer-container{clear: both; padding: 30px 0px 0px; margin: 30px 0px 30px;}
#footer{width: 980px; margin: auto; height: 350px; background:url(images/footer.png); margin-top:50px}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h1.logo{float: left; padding: 0px; margin: 0px;}

/*--------------------------*/
/*- MENU -------------------*/
ul#menu{float: right; margin-top: 4px;}
ul#menu li.item-parent{float: left; margin: 0px 10px; padding: 4px 10px; position: relative;}
ul#menu li.item-parent:last-child{ margin: 0px;}
ul#menu li.item-parent a.link-parent{font-weight: bold; text-transform:uppercase; color:#FFFFFF}
ul#menu li.parent-item a.parent-link:hover{}
ul#menu li.parent-item a.parent-link-sub-menu{}
ul#menu li.parent-item a.parent-link-sub-menu:hover{}
ul#menu li.menu-rss{}
ul#menu li.menu-rss a{}
ul#menu li.menu-rss a:hover{}

/*--------------------------*/
/*- SUB MENU ---------------*/
.sub-menu-container{width: 150px; position: absolute; top: 46px; z-index: 100; left: -20px;}
ul.sub-menu{width: 150px; padding: 64px 0px 0px;}
ul.sub-menu li{clear: both;}
ul.sub-menu li a{ display: block; padding: 10px 10px; font-size: 10pt;}
ul.sub-menu li a:hover{}
ul.sub-menu li:first-child a{padding-top: 1px;}
ul.sub-menu li:last-child a{ border-bottom: none; padding-bottom: 1px;}
.sub-menu-footer{clear: both; width: 150px; height: 20px; padding: 0px; margin: 0px;}

/* search */ 
.searchContainer div { 
	background-color:#fff; 
	display:inline; 
	padding:5px;
	float:right;
}

.searchContainer input[type="text"] {
	border:none;
}

.searchContainer img { 
	vertical-align:middle;
}

div.contain{float: right; 
	width:173px; 
	height:20px; 
	padding:0px; 
	padding-left:10px;
}

#searchField {
	width:120px;
	height:20px;
	line-height:20px;
}

/*-------------------------------------------------------------------------------------------*/
/*- TEXTOS ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{font-size: 15px; font-family: Arial, Helvetica, sans-serif;}

h1{margin: 0px; padding: 1px 0px 10px 0px;}
h2{margin: 0px; padding: 1px 0px 10px 0px;}
h3{margin: 0px; padding: 1px 0px 10px 0px;}
h4{margin: 0px; padding: 1px 0px 10px 0px;}
h5{margin: 0px; padding: 1px 0px 10px 0px;}
h6{margin: 0px; padding: 1px 0px 10px 0px;}

#sidebar #painel h2,
#main h2,
#sidebar #painel h2 a,
#sidebar #comentarios h2,
#sidebar #random h2,
#sidebar #novidades h2 {
	font-family: 'AllerDisplayRegular', sans-serif;
   	text-transform:uppercase;
   	font-size:16px;
   	font-weight:normal;
   	line-height:18px
}

#sidebar #painel h2 a:link {color:#25A9E0}
#sidebar #comentarios h2,
#sidebar #random h2,
#sidebar #novidades h2 {
	margin:7px 0 0 20px;
   	color:#FFF
}

#main h2 {font-size:24px}
#main h3, #sidebar h3 {font-family:'AllerDisplayRegular', san-serif; text-transform:uppercase; margin-top:10px}
#sidebar h3 {margin-top:0}
#main #destaque h3 {font-size:20px}
p{line-height: 24px; margin: 0px 0px 15px;}
blockquote, blockquote p{line-height: 24px; margin: 0px 0px 15px;}
form{}
label{}
textarea, input{}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{}
@font-face {
	font-family: 'AllerRegular';
	src: url('aller_rg.eot');
	src: local('Aller'), local('Aller'), url('fonts/aller_rg.woff') format('woff'), url('fonts/aller_rg.ttf') format('truetype');
}
@font-face {
	font-family: 'AllerDisplayRegular';
	src: url('allerdisplay.eot');
	src: local('Aller Display'), local('AllerDisplay'), url('fonts/allerdisplay.woff') format('woff'), url('fonts/allerdisplay.ttf') format('truetype');
}

/*-------------------------------------------------------------------------------------------*/
/*- CLASSES GLOBAIS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{text-decoration: none;}
a:active{}
a:hover{}

/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}
.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{ width:980px; margin: 0 auto}
#header{width: 980px; margin: 30px auto; position: relative; z-index: 2;}
#header #inner{padding: 0 20px; background: #63b5e5}

.logo {
	position: relative;
	float: left;
	display: inline;
	width: 136px;
	height: 40px;
	margin: 0;
	padding: 0;
	font-size: 12pt;
	font-weight: normal;
	text-indent: -9999px;
	overflow: hidden;
}

.logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 9999px;
	background: url(images/logo.png) no-repeat 0 0;
	cursor: pointer;
	background-image: url(images/logo.png);
}
#content{float: left; width: 980px;}
#main{float: left; width: 620px; margin:20px;}
#sidebar{float: left; width: 300px; margin-top:20px;}
#sidebar #painel .inner {background:#EAF7FD; padding: 0 20px 0 20px; margin-bottom:0}
#sidebar #login, #sidebar #novidades {margin-top:20px;}
#sidebar #comentarios .inner, #sidebar #random .inner, #sidebar #novidades .inner  {background: #FEE6CA; width:260px; border-left:10px solid white; border-right: 10px solid white; padding: 10px;}
#sidebar #comentarios .inner {background:url(images/sidebarinnertopverde.png) top left no-repeat #FEE6CA; }
#sidebar #random .inner {background:url(images/sidebarinnertoplaranja.png) top left no-repeat #FEE6CA; }
#sidebar #novidades .inner {background:url(images/sidebarinnertopazul.png) top left no-repeat #FEE6CA; }
#footer-container{clear: both; padding: 30px 0px 0px; margin: 30px 0px 30px;}
#footer{width: 980px; margin: auto; height: 350px; background:url(images/footer.png); margin-top:50px}
/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
h1.logo{float: left; padding: 0px; margin: 0px;}

/*--------------------------*/
/*- MENU -------------------*/
ul#menu{float: right; margin-top: 4px;}
ul#menu li.item-parent{float: left; margin: 0px 10px; padding: 4px 10px; position: relative;}
ul#menu li.item-parent:last-child{ margin: 0px;}
ul#menu li.item-parent a.link-parent{font-weight: bold; text-transform:uppercase; color:#FFFFFF}
ul#menu li.parent-item a.parent-link:hover{}
ul#menu li.parent-item a.parent-link-sub-menu{}
ul#menu li.parent-item a.parent-link-sub-menu:hover{}
ul#menu li.menu-rss{}
ul#menu li.menu-rss a{}
ul#menu li.menu-rss a:hover{}

/*--------------------------*/
/*- SUB MENU ---------------*/
.sub-menu-container{width: 150px; position: absolute; top: 46px; z-index: 100; left: -20px;}
ul.sub-menu{width: 150px; padding: 64px 0px 0px;}
ul.sub-menu li{clear: both;}
ul.sub-menu li a{ display: block; padding: 10px 10px; font-size: 10pt;}
ul.sub-menu li a:hover{}
ul.sub-menu li:first-child a{padding-top: 1px;}
ul.sub-menu li:last-child a{ border-bottom: none; padding-bottom: 1px;}
.sub-menu-footer{clear: both; width: 150px; height: 20px; padding: 0px; margin: 0px;}

/* search */ 
.searchContainer div { 
	background-color:#fff; 
	display:inline; 
	padding:5px;
	float:right;
}

.searchContainer input[type="text"] {}
.searchContainer img { 
	vertical-align:middle;
}

/* HOME PAGE LAYOUT */

div.contain {
	float: right;
	width:173px; 
	height:20px; 
	padding:0px; 
	padding-left:10px;
}

#searchField {
	width:120px;
	height:20px;
	line-height:20px;
}

.destaque-heading {
	font-weight: bold;
   	font-size: 30px;
   	text-transform:uppercase;
}

#destaque .nav{ 
	display:inline; 
	float:left;
}

#staff-pick {
	border-top: 1px solid #fcd4b1;
   	padding-top:19px;
}

#mais-atividades {
	border-bottom: 1px solid #fcd4b1;
   	margin-bottom:20px;
}

#staff-pick h3,
#mais-atividades h3 {
	padding-bottom:0;
}

#ultimas-publicacoes p.dia {
	margin-top:0;
   	color: #333
}

#ultimas-publicacoes p.dia {
	font-family:'AllenRegularDisplay';
   	text-transform:uppercase;
}

#staff-pick,
#mais-atividades,
#ultimas-publicacoes {
   	font-size:12px
}
#staff-pick ul li p,
#mais-atividades p,
#ultimas-publicacoes p {
	padding-top:0;
}

#staff-pick ul li,
#mais-atividades ul li {
	display:block;
	width:140px;
	float:left;
	margin-right:20px;
}

#staff-pick img,
#mais-atividades img,
#ultimas-publicacoes img {
	outline: 1px solid black;
}

#staff-pick ul li.last,
#mais-atividades ul li.last,
#ultimas-publicacoes ul li.last {
	margin-right:0
}

#ultimas-publicacoes ul li {
	display:block;
	width:90px;
	float:left;
	margin-right:15px;
}

